<script>
$(function() {
	$( "#tabs" ).tabs({
	    select: function(event, ui) {
	        var url = $.data(ui.tab, 'load.tabs');
	        if( url ) {
	            location.href = url;
	            return false;
	        }
	        return true;
	    },
	selected: 2
	});
});
</script>
<div id="tabs">
	<ul>
        <li><?php echo $this->Html->link(__('Phân loại đoàn viên', true), array('controller'=>'phanloaisvs','action' => 'tilepldv')); ?></li>
        <li><?php echo $this->Html->link(__('Trung bình học kỳ', true), array('controller'=>'phanloaisvs','action' => 'tiletbhk')); ?></li>
	   <li><a href='#drl'>Điểm rèn luyện</a> </li>
    </ul>
<div class="index" id="drl">
<h2>Thống kê tỷ lệ theo điểm rèn luyện</h2>
<?php echo $form->create('Phanloaisv',array('onsubmit'=>'return validate()'));?>
<table>
  <tr>
    <td><?php echo $form->input('namhoc',array('id'=>'namhoc','label'=>'Năm học:','type'=>'select','options'=>$namhocs,'selected'=>$namhoc_id));?></td>
    <td><div id='div_hocky'><?php echo $form->input('hocky',array('id'=>'hocky','label'=>'Học kỳ:','type'=>'select','options'=>$hockies,'selected'=>$hocky_id,'empty'=>'-- Chọn học kỳ --'));?></div></td>
    <td><?php echo $form->end(' Thực hiện ');?></td>
  </tr>
</table>
<?php $this->Js->get('#namhoc')->event('change',
							$this->Js->request(array('controller' => 'phanloaisvs', 'action' => 'updatehocky'),
							array('update' => '#div_hocky','async' => true,
							'dataExpression' => true,'method' => 'post',
							'data' => $js->serializeForm(array('isForm' => false, 'inline' => true)))));?>
<table id='tables'>
    <tr>
            <th><?php  __('Xếp loại');?></th>
			<th><?php  __('Tỉ lệ');?></th>
	</tr>
	<?php foreach ($tyles as $tyle):?>
	<tr>
	<td><?php echo $tyle['loai']?></td><td><?php echo $tyle['tyle'].'%' ?></td>
	</tr>
	<?php endforeach;?>
</table>
<?php
	echo $flashChart->begin();		
	//$flashChart->setTitle('Thống kê tỷ lệ Điểm rèn luyện','{color:#000DFD;font-size:35px;padding-bottom:20px;}');
	$flashChart->setData($tyles); 
    $flashChart->setNumbersPath( '{n}.tyle' );
	$flashChart->setLabelsPath( 'default.{n}.loai' );
	echo $flashChart->chart('pie',array('colours'=>array('#42AFDC','#F8AC94','#A084C1','#000DFE','#DA6B6B')));
	echo $flashChart->render(800,500); 
?>
</div>
</div>
<script>
function validate()
{
	if($('#hocky').val()=='')
	{
		alert('Bạn chưa chọn học kỳ');
		return false;
	}
	return true;
}
</script>